> .sidebarPage.pageAllObject { width: 100%; height: 100%; overflow: hidden; }
> .sidebarPage.pageAllObject {
	> .head { height: 52px; }

	> .body { overflow: hidden; }
	> .body {
		> .list { 
			padding: 12px 0px 0px 0px; background-color: var(--color-bg-primary); border-radius: 12px; flex-grow: 1;
			display: flex; flex-direction: column;
		}
		> .list {
			> .head { display: flex; flex-direction: column; gap: 8px 0px; overflow: hidden; padding: 0px 16px 12px 16px; }
			> .head {
				.filterWrapper { display: flex; flex-direction: row; gap: 0px 8px; }
				.filterWrapper {
					.side.left { flex-grow: 1; }
					.side.right { flex-shrink: 0; }
					.side.right:empty { display: none; }
				}

				.tabs { position: relative; font-weight: 500; color: var(--color-control-active); height: 22px; }
				.tabs {
					.tab { white-space: nowrap; flex-shrink: 0; transition: $transitionAllCommon;  }
					.tab.active, .tab:hover { color: var(--color-text-primary); }

					.swiper { overflow: visible; position: absolute; left: 0px; top: 0px; width: 100%; }
					.swiper-slide { width: auto; }
					.swiper-button-prev, .swiper-button-next { width: 44px; height: 28px; position: absolute; top: -3px; z-index: 1; }
					.swiper-button-prev, .swiper-button-next {
						&::before { 
							content: ''; width: 24px; height: 24px; display: block; position: absolute; left: 12px; top: 2px; z-index: 1;
							background-image: url('~img/arrow/sidebarObjectTab0.svg'); background-size: 20px; background-repeat: no-repeat;
							border-radius: 6px; background-position: center;
						}
						&::after { 
							content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; 
							background-image: linear-gradient(90deg, rgba(255,255,255,0) 0px, var(--color-bg-primary) 16px, var(--color-bg-primary) 100%);
						}
						&:hover::before { background-image: url('~img/arrow/sidebarObjectTab1.svg'); }
					}
					.swiper-button-prev { left: -16px; transform: rotateZ(180deg); }
					.swiper-button-next { right: -16px; }
					.swiper-button-disabled { display: none; }
				}

				.filter { padding: 0px; }
				.label { padding: 8px 16px; @include text-small; color: var(--color-text-secondary); }
			}

			> .items { flex-grow: 1; overflow: hidden; }
			> .items {
				.ReactVirtualized__List { padding: 0px 8px 8px 8px; }

				.emptySearch { height: auto; padding: 5px 16px 0px 16px; }
				.emptySearch {
					.txt { color: var(--color-text-secondary); }
					.small { @include text-small; }
				}

				.items { height: 100%; }

				.item { padding: 8px; display: flex; flex-direction: row; align-items: center; gap: 0px 12px; position: relative; }
				.item {
					.iconObject { flex-shrink: 0; }
					.iconObject.c48 { background-color: var(--color-shape-tertiary); }

					.info { width: 100%; display: flex; flex-direction: column; }

					.nameWrap { flex-grow: 1; overflow: hidden; }
					.name { @include text-overflow-nw; width: 100%; }

					.icon.lock { width: 16px !important; height: 16px !important; background-image: url('~img/icon/widget/lock.svg'); flex-shrink: 0; }

					.bottomWrap { 
						display: flex; @include text-overflow-nw; width: 100%; @include text-small; color: var(--color-text-secondary); gap: 0px 6px; 
						align-items: center;
					}
					.bottomWrap {
						.type { max-width: 40%; @include text-overflow-nw; flex-shrink: 0; }
						.descr { position: relative; @include text-overflow-nw; max-width: 100%; }
						.descr:empty { display: none; }
						.bullet { width: 2px; height: 2px; border-radius: 50%; background-color: var(--color-text-secondary); flex-shrink: 0; display: none; }
					}
				}
				.item:not(.isCompact) {
					.iconObject { border-radius: 6px; }
				}

				.item.withDescr {
					.bullet { display: block; }
				}

				.item.withIcon {
					.info { width: calc(100% - 60px); }
				}

				.item.isCompact {
					.iconObject { background-color: unset; }

					.info { width: calc(100% - 28px); }
					.nameWrap { display: flex; flex-direction: row; align-items: center; gap: 0px 8px; }
					.descrWrap {
						.type, .descr::before { display: none; }
					}
				}

				.item.isCompact.withIcon {
					.descrWrap { padding-left: 26px; }
				}

				.item.isFile {
					.iconObject { background-color: unset !important; }
				}

				.item.isSection { @include text-small; color: var(--color-text-secondary); padding: 8px 8px 2px 8px; }

				.item::before {
					content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(79,79,79,0); z-index: 1;
					pointer-events: none; border-radius: 6px;
				}
				.item.active::before, .item.hover::before { background: var(--color-shape-highlight-medium); }
				.item.selected::before { background: var(--color-system-selection); }
			}
		}
	}
}